﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<th:block th:include="frontInclude :: frontHeader"/>
<body>
<header class="header opaque" th:replace="frontInclude :: header_menu"></header>
<div class="container Wauto">
    <div class="sliderbox">
        <div class="slider">
            <div id="slideBox" class="slideBox">
                <ul id="slider">
                    <li class="slide">
                        <img th:src="@{/css/assets/images/banner4.jpeg}" alt="首页轮播图1">
                        <div class="container slide-content text-center">
                            <div class="style-banner ">
                                <h5>云南滇约新能源研究院</h5>
                                <h4 class="mb-lg-3 mb-2">Yunnan Dianyue New Energy Research Institute</h4>
                            </div>
                            <div class="view-buttn mt-md-4 mt-sm-4 mt-3">
                                <a th:href="@{/front/about}" class="btn scroll">立即查看</a>
                            </div>
                        </div>
                    </li>
                    <li class="slide">
                        <img th:src="@{/css/assets/images/banner5.jpeg}" alt="首页轮播图2">
                        <div class="container slide-content text-center">
                            <div class="style-banner ">
                                <h5>氢能源时代即将到来</h5>
                                <h4 class="mb-lg-3 mb-2">The era of hydrogen energy is coming soon.</h4>
                            </div>
                            <div class="view-buttn mt-md-4 mt-sm-4 mt-3">
                                <a th:href="@{/front/business}" class="btn scroll">立即查看</a>
                            </div>
                        </div>
                    </li>
                    <li class="slide">
                        <img th:src="@{/css/assets/images/banner7.png}" alt="首页轮播3">
                        <div class="container slide-content text-center">
                            <div class="style-banner ">
                                <h5>“双碳”引爆世界能源⾰命</h5>
                                <h4 class="mb-lg-3 mb-2">World Energy Life</h4>
                            </div>
                            <div class="view-buttn mt-md-4 mt-sm-4 mt-3">
                                <a th:href="@{/front/product}" class="btn scroll">立即查看</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main w1200">
        <div class="article w1">
            <div class="PostBox back2">
                <article class="post">
                    <div class="postTitle anim fadeInUp">
                        <h3><i class="fa fa-quote-left"></i>我们的产品</h3>
                        <span class="title2">凡是别人做不了的我们都擅长</span></div>
                    <div class="PostShow">
                        <ul>
                            <li class="anim fadeInUp" th:data-id="${item.id}" th:each="item : ${products}">
                                <div class="post-img loading">
                                    <a class="pic float-left" th:href="${'/front/articleView/'+item.id}"
                                       th:title="${item.articleTitle}" rel="bookmark">
                                        <div class="msk"></div>
                                        <i class="fa fa-search"></i>
                                        <img class="b-lazy"
                                             th:src="${item.articleLogo}"
                                             th:data-src="${item.articleLogo}"
                                             th:alt="${item.articleTitle}">
                                    </a>
                                </div>
                                <a th:href="${'/front/articleView/'+item.id}" th:title="${item.articleTitle}">
                                    <h4 th:text="${item.articleTitle}">建筑行业解决方案_copy_copy_copy</h4>
                                    <i class="h2" th:if="${#strings.length(item.articleDescribe)} >50"
                                       th:text="${#strings.substring(item.articleDescribe,0,50)+'...'}">钢铁行业解决方案让我们花费很很大的心血才研制出来这些内容专为测试时使用</i>
                                    <i class="h2" th:if="${#strings.length(item.articleDescribe)} <=50"
                                       th:text="${item.articleDescribe}">钢铁行业解决方案让我们花费很很大的心血才研制出来这些内容专为测试时使用</i>
                                    <div class="pt-2">
                                        <i class="fa fa-long-arrow-right"></i>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </article>
            </div>
            <div class="PostBox about">
                <article class="post">
                    <div class="postAbout anim fadeInRight">
                        <div class="postTitle">
                            <h3><i class="fa fa-quote-left"></i>关于我们</h3>
                            <span class="title2">专注做擅长的事情</span></div>
                        <div class="PostText" th:text="${about.articleDescribe}">
                            企业品牌信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。网易通正在向着一流的信息化解决方案提供商而努力着。
                        </div>
                        <div class="more anim fadeInUp"><a th:href="@{/front/about}"><span>查看详情 + </span></a></div>
                    </div>
                    <div class="aboutImg anim fadeInLeft"
                         th:style="'background-image:url(/css/assets/images/ebg.jpg'"></div>
                </article>
            </div>
            <div class="PostBox back1">
                <article class="post">
                    <div class="postTitle anim fadeInUp">
                        <h3><i class="fa fa-quote-left"></i>业务中心</h3>
                        <span class="title2">精益求精，精雕细琢</span>
                    </div>
                    <div class="PostShow">
                        <ul>
                            <li class="anim fadeInUp case-item" th:data-id="${item.id}" th:each="item : ${business}">
                                <div class="post-img loading">
                                    <a class="pic float-left" th:href="${'/front/articleView/'+item.id}"
                                       th:title="${item.articleTitle}" rel="bookmark">
                                        <div class="msk"></div>
                                        <i class="fa fa-search"></i>
                                        <img class="b-lazy" th:src="${item.articleLogo}"
                                             th:data-src="${item.articleLogo}"
                                             th:alt="${item.articleTitle}">
                                    </a>
                                </div>
                                <h4><a th:href="${'/front/articleView/'+item.id}" th:title="${item.articleTitle}"
                                       th:text="${item.articleTitle}"></a>
                                </h4>
                            </li>
                        </ul>
                    </div>
                    <div class="more anim fadeInUp"><a th:href="@{/front/business}"><span>查看更多 + </span></a></div>
                </article>
            </div>

                        <div class="PostBox back3" >
                            <article class="post team">
                                <div class="postTitle anim fadeInUp">
                                    <h3><i class="fa fa-quote-left"></i>团队中心</h3>
                                    <span class="title2">打造专业的技术团队</span></div>
                                <div class="PicBox">
                                    <div class="ImgBox">
                                        <ul class="slider2">
                                            <li class="anim fadeInUp" th:data-id="${item.id}" th:each="item : ${team}">
                                                <div class="LiBox">
                                                    <a th:href="${'/front/articleView/'+item.id}"
                                                       th:title="${item.articleTitle}" rel="bookmark">
                                                        <div class="post-img loading"><img
                                                                th:src="${item.articleLogo}"
                                                                th:data-src="${item.articleLogo}"
                                                                th:alt="${item.articleTitle}">
                                                        </div>
                                                        <div class="post-text"><span th:text="${item.articleTitle}">技术总监</span>
                                                            <p th:if="${#strings.length(item.articleDescribe)} >200" th:text="${#strings.substring(item.articleDescribe,0,200)+'...'}">模特的描述内容模特的描述内容模特的描述内容模特的描述内容模特的描述内容模特的描述内容</p>
                                                            <p th:if="${#strings.length(item.articleDescribe)} <=200" th:text="${item.articleDescribe}">模特的描述内容模特的描述内容模特的描述内容模特的描述内容模特的描述内容模特的描述内容</p>
                                                        </div>
                                                    </a></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </article>
                        </div>
            <div class="PostBox back2">
                <article class="post news n1">
                    <div class="postTitle anim fadeInUp">
                        <h3><i class="fa fa-quote-left"></i>新闻资讯</h3>
                        <span class="title2">凡是别人做不了的我们都擅长</span>
                    </div>
                    <div class="PostNews">
                        <ul>
                            <li class="anim fadeInUp" th:data-id="${item.id}" th:each="item : ${news}">
                                <div class="post-img loading">
                                    <a class="pic" th:href="${'/front/articleView/'+item.id}"
                                       th:title="${item.articleTitle}" rel="bookmark">
                                        <div class="msk"></div>
                                        <i class="fa fa-search"></i>
                                        <img class="b-lazy" th:src="${item.articleLogo}"
                                             th:data-src="${item.articleLogo}"
                                             th:alt="${item.articleTitle}"/>
                                    </a>
                                </div>
                                <h4><a th:href="${'/front/articleView/'+item.id}"
                                       th:title="${item.articleTitle}" th:text="${item.articleTitle}"></a>
                                </h4>
                                <span class="time"><i class="fa fa-clock-o"></i> <span
                                        th:text="${#dates.format(item.createTime,'yyyy-MM-dd')}"></span> </span>
                                <span><i
                                        class="fa fa-eye fa-fw"></i><span
                                        th:text="${item.viewCount}"></span></span>
                                <p th:if="${#strings.isEmpty(item.articleDescribe)}==false and ${#strings.length(item.articleDescribe)} >50" th:text="${#strings.substring(item.articleDescribe,0,50)+'...'}"></p>
                                <p th:if="${#strings.isEmpty(item.articleDescribe)}==false and ${#strings.length(item.articleDescribe)} <50" th:text="${item.articleDescribe}"></p>
                            </li>
                        </ul>
                    </div>
                    <div class="more anim fadeInUp"><a th:href="@{/front/news}"><span>查看更多 + </span></a></div>
                </article>
            </div>
        </div>
    </div>
</div>
<div th:replace="frontInclude :: footer"></div>
</body>
</html>